﻿
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
    var F = @Html.F();
}

@section head{
<link href="~/res/css/default.css" rel="stylesheet" />
}

<div id="header" class="ui-widget-header f-mainheader" style="display:none;">
    <table>
        <tr>
            <td>
                @(F.Button()
                        .OnClientClick("window.open('/','_blank');")
                        .EnableDefaultCorner(false)
                        .EnableDefaultState(false)
                        .IconFont(IconFont.Home)
                        .IconAlign(IconAlign.Top)
                        .ToolTip("官网首页")
                        .ID("btnHomePage")
                        .CssClass("icononlyaction")
                )
                <a class="logo" href="@Url.Content("~/")" title="FineUIMvc 在线示例">
                    医院管理系统
                </a>
            </td>
            <td style="text-align: right;">
                @(F.Button()
                        .EnableDefaultCorner(false)
                        .EnableDefaultState(false)
                        .IconFont(IconFont.Bank)
                        .IconAlign(IconAlign.Top)
                        .Text("主题仓库")
                        .ID("btnThemeSelect")
                        .CssClass("icontopaction themes")
                        .Listener("click", "onThemeSelectClick")
                )

                @(F.Button()
                        .EnableDefaultCorner(false)
                        .EnableDefaultState(false)
                        .IconAlign(IconAlign.Left)
                        .IconUrl(Url.Content("~/res/images/blank.png"))
                        .Text("登录人")
                        .CssClass("userpicaction")
                        .Menu(F.Menu()
                            .Items(
                                F.MenuButton()
                                    .IconFont(IconFont.User)
                                    .Text("个人信息")
                                    .Listener("click", "F.alert('尚未实现');"),
                                F.MenuSeparator(),
                                F.MenuButton()
                                    .IconFont(IconFont.SignOut)
                                    .Text("安全退出")
                                    .Listener("click", "F.alert('尚未实现');")
                            )
                        )
                )
            </td>
        </tr>
    </table>
</div>

<table id="footer" class="bottomtable ui-widget-header f-mainheader" style="display:none;">
    <tr>
        <td style="width: 260px;">
            &nbsp;版本：<a target="_blank" href="http://fineui.com/version_mvc">1.0</a>
            <a href="tencent://Message/?Uin=348140679&amp;websiteName=q-zone.qq.com&amp;Menu=yes">
                <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px;
            border-right-width: 0px" alt="联系我" src="http://wpa.qq.com/pa?p=1:348140679:4" />联系开发商
            </a>
        </td>
        <td style="text-align: center;">Copyright &copy; 医院管理系统</td>
    </tr>
</table>

@(F.RegionPanel()
        .ID("RegionPanel1")
        .ShowBorder(false)
        .IsViewPort(true)
        .Regions(
            F.Region()
                .ID("Region1")
                .ShowBorder(false)
                .ShowHeader(false)
                .RegionPosition(Position.Top)
                .Layout(LayoutType.Fit)
                .ContentEl("#header"),
            F.Region()
                .ID("Region2")
                .RegionSplit(true)
                .Width(200)
                .ShowHeader(true)
                .Title("菜单")
                .EnableCollapse(true)
                .Layout(LayoutType.Fit)
                .RegionPosition(Position.Left)
                .Items(
                    F.Tree()
                        .ShowBorder(false)
                        .ShowHeader(false)
                        .ID("treeMenu")
                        .Nodes(
                            F.TreeNode()
                                .Text("默认分类")
                                .Expanded(true)
                                .Nodes(
                                    F.TreeNode()
                                        .Text("开始页面")
                                        .NavigateUrl("~/Home/Hello"),
                                    F.TreeNode()
                                        .Text("登录页面")
                                        .NavigateUrl("~/Home/Login")
                                )
                        )
                ),
            F.Region()
                .ID("mainRegion")
                .ShowHeader(false)
                .Layout(LayoutType.Fit)
                .RegionPosition(Position.Center)
                .Items(
                    F.TabStrip()
                        .ID("mainTabStrip")
                        .EnableTabCloseMenu(true)
                        .ShowBorder(false)
                        .Tabs(
                            F.Tab()
                                .ID("Tab1")
                                .Title("首页")
                                .BodyPadding(10)
                                .Layout(LayoutType.Fit)
                                .Icon(Icon.House)
                                .ContentEl("#maincontent")
                        )
                ),
            F.Region()
                .ID("footerRegion")
                .ShowHeader(false)
                .Layout(LayoutType.Fit)
                .RegionPosition(Position.Bottom)
                .ContentEl("#footer")
        )
)


@(F.Window()
        .Hidden(true)
        .EnableResize(true)
        .EnableMaximize(true)
        .EnableClose(true)
        .Height(600)
        .Width(1020)
        .IsModal(true)
        .ClearIFrameAfterClose(false)
        .IFrameUrl(Url.Content("~/Home/Themes"))
        .EnableIFrame(true)
        .Title("主题仓库")
        .ID("windowThemeRoller")
)

@section scripts{
<script>

        // 点击主题仓库
        function onThemeSelectClick(event) {
            F.ui.windowThemeRoller.show();
        }

        // 页面控件初始化完毕后，会调用用户自定义的onReady函数
        F.ready(function () {

            // 初始化主框架中的树和选项卡互动，以及地址栏的更新
            // treeMenu： 主框架中的树控件实例，或者内嵌树控件的手风琴控件实例
            // mainTabStrip： 选项卡实例
            // updateHash: 切换Tab时，是否更新地址栏Hash值（默认值：true）
            // refreshWhenExist： 添加选项卡时，如果选项卡已经存在，是否刷新内部IFrame（默认值：false）
            // refreshWhenTabChange: 切换选项卡时，是否刷新内部IFrame（默认值：false）
            // maxTabCount: 最大允许打开的选项卡数量
            // maxTabMessage: 超过最大允许打开选项卡数量时的提示信息
            F.initTreeTabStrip(F.ui.treeMenu, F.ui.mainTabStrip, {
                maxTabCount: 10,
                maxTabMessage: '请先关闭一些选项卡（最多允许打开 10 个）！'
            });

        });
</script>
}